<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/largedataS.css">
    <title>Document</title>
</head>
<body>
    <!-- 标题栏 -->
    <div id="title">
        数据可视化常见图表
    </div>
    <!-- 中间的内容 -->
    <div id="center">
        <!-- 左中右三列-左 -->
        <div class = "cbox" id="center-l">
            <div class="mbox" id="t1"></div>
            <div class="mbox" id="t2"></div>
            <div class="mbox" id="t3"></div>
        </div>
        <!-- 左中右三列-中 -->
        <div class = "cbox" id="center-m">
            <div class="mbox" id="t4"></div>
            <div class="mbox" id="t5"></div>
        </div>
        <!-- 左中右三列-右 -->
        <div class = "cbox" id="center-r">
            <div class="mbox" id="t6"></div>
            <div class="mbox" id="t7"></div>
            <div class="mbox" id="t8"></div>
        </div>
    </div>
    <script src="js/echarts.js"></script>
    <script src="js/china.js"></script>
    <script src="js/largerDataScreenf/ldsf1.js"></script>
</body>
</html>